<template>
<div style="width: 300px;float: left;">
  <div :key="index" v-for="(item, index) in list" class="list">
    <span class="No">{{index &lt; 9 ? '0' + (index + 1) : index + 1}}</span>
    {{item.songName}}
  </div>
</div>
</template>

<script>
export default {
  name: 'songList',
  props: ['list'],
  mounted () {
  }
}
</script>

<style scoped>
  .list{
    padding: 4px;
  }
  .list:hover{
    background-color: #1b6d85;
  }
  .No{
    font-family: sans-serif;
  }
</style>
